<template>
  <div class="p-3">
    <h4>个人链接</h4>
    <ol class="list-unstyled">
      <li v-for="(item, index) in datas" :key="index">
        <a :href="item.link"  target="_Blank">{{item.name}}</a>
      </li>
    </ol>
  </div>
</template>
<script>
export default {
  name: 'interfix-link',
  title: '相关链接',
  data() {
    return {
      datas: [
        {name: '简书', link: 'https://www.jianshu.com/u/b6de1062d2b3'},
        {name: 'github', link: 'https://github.com/qm8956'},
        {name: '码云', link: 'https://gitee.com/qm1989'}
      ]
    }
  }
}
</script>
<style lang = 'scss'>
</style>